@layout("/common/_container.html",{js:["/assets/transport/dispatch/dispatchDetailed.js"]}){

<div class="layui-body-header">
    <span class="layui-body-header-title">Freight Order Detail Management</span>
</div>

<style type="text/css">
    .layui-table-cell {
        height: auto;
    }
    .layui-table-page{
    	display: none;
    }
</style>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-sm12 layui-col-md12 layui-col-lg12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div class="layui-form toolbar">
                        <div class="layui-form-item">
				            <div class="layui-inline">
				                <input id="goodsName" class="layui-input" type="text" placeholder="Product Name, Number, Item No."/>
				            </div>
				            <div class="layui-inline">
						        <button id="btnSearch" class="layui-btn icon-btn"><i class="layui-icon">&#xe615;</i>Search</button>
						        <button id="queding" class="layui-btn layui-btn-normal icon-btn"><i class="layui-icon">&#xe716;</i>Confirm</button>
				            </div>
				            <div class="layui-inline">
				                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0px;">
							    	<legend>Selected Volume: <span id="volume">0</span></legend>
							  	</fieldset>
				            </div>
                        </div>
                    </div>
                    <table class="layui-table" id="orderTransportDetailedTable" lay-filter="orderTransportDetailedTable"></table>
                </div>
            </div>
        </div>
    </div>
</div>


@}